<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0" />
    <title>美策平台</title>
    <link rel="icon" type="image/png" href="/img/icon.png">
    <link rel="stylesheet" type="text/css" href="../datepicker/jquery-ui.min.css">
    <link rel="stylesheet" type="text/css" href="../css/app.css">
    <link rel="stylesheet" type="text/css" href="../css/index.css">
    <script type="text/javascript" src="../js/jquery.min.js"></script>
    <script type="text/javascript" src="/h5/js/all.js"></script>
</head>
<body>
<!--
    制作者：九哥
    页面：搜索页面
    时间：2019-03-01
-->





<!----------搜索页面---------->
<div id="searchPage">
    <div id="searchTitle">
        <img src="../images/return.png" id="searchRtn">
        <input type="text" placeholder="搜索公司、工厂、工人"
               id="word" value="">
        <img src="../images/lookfor.png" width="17" id="searchIcon">
        <img src="../images/guanbi.png" width="17" id="searchKeyClear">
        <!--<button onclick="setSearch()">搜索</button>-->
        <button onclick="setSearchByWord()">搜索</button>
        <input type="hidden" id="searchKey" value="0">
    </div>
    <div style="height:40px;"></div>
    <div id="searchHistory">
        <p>搜索历史</p>
        <ul id="historyList">
            <!--<li>工厂</li>-->
            <!--<li>设计师</li>-->
        </ul>
    </div>
    <div id="searchCompany">
        <!--<table>-->
            <!--<tr>-->
                <!--<td class="img">-->
                    <!--<img src="../images/toux01.png">-->
                <!--</td>-->
                <!--<td>-->
                    <!--<b>杭州美策服装有限公司</b>-->
                    <!--<p>杭州美策服装是全国最大的服装产业公司，有线上线下有个服装产业...</p>-->
                <!--</td>-->
            <!--</tr>-->
            <!--<tr>-->
                <!--<td class="img">-->
                    <!--<img src="../images/toux01.png">-->
                <!--</td>-->
                <!--<td>-->
                    <!--<b>杭州美策服装有限公司</b>-->
                    <!--<p>杭州美策服装是全国最大的服装产业公司，有线上线下有个服装产业...</p>-->
                <!--</td>-->
            <!--</tr>-->
        <!--</table>-->
    </div>
    <div id="searchStaff">
        <!--<table>-->
            <!--<tr>-->
                <!--<td class="img">-->
                    <!--<img src="../images/toux01.png">-->
                <!--</td>-->
                <!--<td>-->
                    <!--<b>王女士-->
                        <!--<img src="../images/woman.png">-->
                    <!--</b>-->
                    <!--<p>电话：15655109078</p>-->
                <!--</td>-->
            <!--</tr>-->
            <!--<tr>-->
                <!--<td class="img">-->
                    <!--<img src="../images/toux01.png">-->
                <!--</td>-->
                <!--<td>-->
                    <!--<b>女孩子不要一个人滴滴打车-->
                        <!--<img src="../images/woman.png">-->
                    <!--</b>-->
                    <!--<p>电话：15655109078</p>-->
                <!--</td>-->
            <!--</tr>-->
        <!--</table>-->
    </div>
    <div id="searchBale">
        <!--<table>-->
            <!--<tr>-->
                <!--<td class="img">-->
                    <!--<img src="../images/toux01.png">-->
                <!--</td>-->
                <!--<td>-->
                    <!--<b>杭州美策服装有限公司</b>-->
                    <!--<p>杭州美策服装是全国最大的服装产业公司，有线上线下有个服装产业...</p>-->
                <!--</td>-->
            <!--</tr>-->
            <!--<tr>-->
                <!--<td class="img">-->
                    <!--<img src="../images/toux01.png">-->
                <!--</td>-->
                <!--<td>-->
                    <!--<b>杭州美策服装有限公司</b>-->
                    <!--<p>杭州美策服装是全国最大的服装产业公司，有线上线下有个服装产业...</p>-->
                <!--</td>-->
            <!--</tr>-->
        <!--</table>-->
    </div>
    <!--<div id="searchNoData">-->
        <!--<img src="../images/baoqian.png">-->
    <!--</div>-->
</div>
<!----------搜索页面---------->





<!----------错误提示---------->
<div id="errMsg"></div>
<!----------错误提示---------->
</body>
<script type="text/javascript" src="../js/indexPageChange.js"></script>
<script type="text/javascript" src="../js/index.js"></script>
<script>
    (function(){
//        getSearchHistory();
        getHistory();
    })();
    /**
     * 搜索页面，搜索历史
     * */
    function getHistory(){
        var userInfo = cacheGet('userInfo'); //获取用户信息
        if (userInfo==null || userInfo.token=='undefined') {
            getErrMsg('没有登录！',''); return;
        }
        var data = {
            app_access:app_access,
            token:userInfo.token,
            type:userInfo.type,
            cate:userInfo.cate
        };
        $.ajax({
            type:'post',
            url:getDomain() + 'history',
            data:data,
            success:function(res){
                //console.log(res); return
                if (res.code!=0) {
                    $('#historyList').html("<li>没有搜索历史</li>");
                    console.log(res.msg);
                    return;
                }
                var resData = res.data;
                console.log(res.data);
                var i, h = '';
                for (i=0;i<resData.length;i++) {
                    h += '<li onclick="setSearchByHistory('+resData[i].id+')">';
                    h += resData[i].word;
                    h += '</li>';
                    h += '<input type="hidden" id="history'+resData[i].id+'" value="'+resData[i].word+'">';
                }
                $('#historyList').html(h);
            },
            error:function(){
                return;
            }
        });
    }
    /**
     * 通过关键词搜索
     * */
    function setSearchByWord(){
        var word = $('#word').val();
        if (word=='') {
            getErrMsg('没有输入搜索词汇！',''); return;
        }
        $('#searchKey')[0].value = word;
        setSearch();
    }
    /**
     * 通过历史搜索
     * */
    function setSearchByHistory(id){
        var word = $('#history'+id).val();
        if (word=='') {
            getErrMsg('没有输入搜索词汇！',''); return;
        }
        console.log(word);
        $('#searchKey')[0].value = word;
        $('#word')[0].value = word;
        $('#searchKeyClear').show();
        setSearch();
    }
    /**
     *  搜索请求
     * */
    function setSearch(){
        var userInfo = cacheGet('userInfo'); //获取用户信息
        var word = $('#searchKey').val();
        if (userInfo==null || userInfo.token=='undefined') {
            getErrMsg('没有登录！',''); return;
        }
        var data = {
            app_access:app_access,
            token:userInfo.token,
            type:userInfo.type,
            cate:userInfo.cate,
            word:word
        };
        $.ajax({
            type:'post',
            url:getDomain() + 'list',
            data:data,
            success:function(res){
                //console.log(res); return
                if (res.code!=0) {
                    $('#historyList').html("<li>没有信息</li>");
                    console.log(res.msg);
                    return;
                }
                console.log(res.data);
                var staffs = res.data.staffs;
                var coms = res.data.coms;
                var bales = res.data.bales;
                //var i, i2, i3, h = '', h2 = '', h3 = '';
                var resStaff = getStaffHtml(staffs);
                var resCom = getComHtml(coms);
                var resBale = getBaleHtml(bales);
                $('#searchHistory').hide();
                if (resStaff) {
                    $('#searchStaff').html(resStaff).show();
                }
                if (resCom) {
                    $('#searchCompany').html(resCom).show();
                }
                if (resBale) {
                    $('#searchBale').html(resBale).show();
                }
            },
            error:function(){
                console.log('操作失败！');
                return;
            }
        });
    }
    //拼接工人
    function getStaffHtml(staffs){
        if (staffs.length==0) { return ''; }
        var i, h = '';
        for (i=0;i<staffs.length;i++) {
            h += '<table style="width:100%;padding:0 10px;background:#fff;">';
            h += '<tr>';
            h +=    '<td class="img">';
            if (staffs[i].img) {
                h += '<img src="'+staffs[i].img+'">';
            } else {
                h += '<img src="/h5/images/toux01.png">';
            }
            h +=    '</td>';
            h += '</tr>';
            h += '<tr>';
            h +=    '<td>';
            h +=    '<b>'+staffs[i].uname;
            if (staffs[i].head) {
                h += '<img src="'+staffs[i].head+'">';
            } else {
                h += '<img src="/h5/images/woman.png">';
            }
            h +=    '</b>';
            h +=    '<p>电话：'+staffs[i].mobile+'</p>';
            h +=    '</td>';
            h += '</tr>';
            h += '<table>';
        }
        return h;
    }
    //拼接公司工厂
    function getComHtml(coms){
        if (coms.length==0) { return ''; }
        var i2, h2 = '';
        if (coms.length > 0) {
            h2 += '<table style="width:100%;padding:0 10px;background:#fff;">';
        }
        for (i2=0;i2<coms.length;i2++) {
            h2 += '<tr>';
            h2 +=    '<td class="img">';
            if (coms[i2].img) {
                h2 += '<img src="'+coms[i2].img+'">';
            } else {
                h2 += '<img src="/h5/images/toux01.png">';
            }
            h2 +=    '</td>';
            h2 +=    '<td>';
            h2 +=    '<b>'+coms[i2].uname+'</b>';
            h2 +=    '<p>'+coms[i2].intro+'</p>';
            h2 +=    '</td>';
            h2 += '</tr>';
        }
        if (coms.length > 0) { h2 += '</table>'; }
        return h2;
    }
    //拼接货单
    function getBaleHtml(bales){
        if (bales.length==0) { return ''; }
        var i3, h3 = '';
        for (i3=0;i3<bales.length;i3++) {
            h3 += '<table style="width:100%;padding:0 10px;background:#fff;">';
            h3 += '<tr>';
            h3 +=    '<td class="img">';
            if (bales[i3].img) {
                h3 += '<img src="'+bales[i3].img+'">';
            } else {
                h3 += '<img src="/h5/images/toux01.png">';
            }
            h3 +=    '</td>';
            h3 +=    '<td>';
            h3 +=    '<b>'+bales[i3].uname+'</b>';
//                    h3 +=    '<p>'+bales[i3].intro+'</p>';
            h3 +=    '</td>';
            h3 += '</tr>';
            h3 += '</table>';
        }
        return h3;
    }
    /**
     * 地址前缀
     * */
    function getDomain(){
        return '/api/home/search/';
    }
</script>
</html>